<template>
  <!-- 面包屑 -->
  <Breadcrumb :items="['detail.category.breadcrumb.home', 'profile.setting.breadcrumb.profile']" />
  <div class="container">
    <a-tabs v-model:activeKey="activeKey" tab-position="left">
      <a-tab-pane tab="我的收藏" key="1">
        <CollectionList />
      </a-tab-pane>
      <a-tab-pane tab="个人设置" key="2">
        <BaseInfo />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue"
import CollectionList from "./components/collection-list.vue"
import BaseInfo from "./components/base-info.vue"
const activeKey = ref("1")
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
